<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Login Page</title>
    <link rel="stylesheet" href="./css/login_page_style.css">
</head>

<body>
    <div id="login_container">
        <h1 class="login_title">LOGIN</h1>
        <form class="login_form">
            <div class="form_group">
                <!-- username输入框 -->
                <!-- <label for="username">Username: </label> -->
                <input id="userid" type="text" placeholder="userid">
            </div>
            <div class="form_group">
                <!-- <label for="password">Password: </label> -->
                <input id="password" type="password" placeholder="password">
            </div>
            <div class="form_group">
                <!-- usertype选择表 -->
                <label><input type="radio" name="usertype" value="businessman">商人</label>
                <label><input type="radio" name="usertype" value="customer">顾客</label>
                <label><input type="radio" name="usertype" value="manufacturer">制造商</label>
            </div>
            <button type="button" class="login_button" id="login_button">Login</button>
            <button type="button" class="forget_password_button" id="forget_password_button">Forgot Password</button>
            <button type="button" class="sign_up_button" id="sigin_up_button">Sign up</button>
        </form>
    </div>

    <script src="./JS/login_page_event.js"></script>
</body>

</html>
